<template>
  <div class="login-swiper">
    <t-swiper :navigation="{ showSlideBtn: 'never' }">
      <t-swiper-item v-for="(item, index) in slideshows" :key="index">
        <div class="demo-item">
          <img :src="item.img" alt="" />
        </div>
      </t-swiper-item>
    </t-swiper>
  </div>
</template>

<script>
import Vue from 'vue';
import img1 from '@/assets/login/slideshow1.png';
import img2 from '@/assets/login/slideshow2.png';
import img3 from '@/assets/login/slideshow3.png';
import img4 from '@/assets/login/slideshow4.png';

export default Vue.extend({
  name: 'Login',
  data() {
    return {
      current: 0, // 轮播图
      slideshows: [
        {
          img: img1,
        },
        {
          img: img2,
        },
        {
          img: img3,
        },
        {
          img: img4,
        },
      ],
    };
  },
});
</script>

<style lang="less" scoped>
.login-swiper {
  z-index: 9;
  position: fixed;
  top: 0;
  right: 0;
  height: 100vh;
  width: 50vw;
  .demo-item {
    height: 100vh;
    img {
      width: 100%;
      height: 100%;
    }
  }
}
</style>
